<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>商品详情</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/base.min.css">
    <link rel="stylesheet" href="css/user.min.css">
</head>
<body>
<div class="wrap gray">
    <div class="head-box">
        <div class="header static">
            <div class="container">
                <div class="row">
                    <div class="logo-box">
                        <a class="logo" href="index.html"><img src="img/logo.png"></a>
                        <div class="area-box">
                            <div class="fb-select-box fn-hover-bar">
                                <label class="hd">
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    <span id="cityName">重庆市</span>
                                    <em class="glyphicon glyphicon-triangle-bottom"></em>
                                </label>
                                <div class="bd fn-hover-menu">
                                    <div class="city-box">
                                        <div class="title clearfix">
                                            <a href="javascript:;" class="active">热门城市</a>
                                            <a href="javascript:;">ABCD</a>
                                            <a href="javascript:;">FGHJ</a>
                                            <a href="javascript:;">KLMN</a>
                                            <a href="javascript:;">QSTW</a>
                                            <a href="javascript:;">XYZ</a>
                                        </div>
                                        <div class="cont">
                                            <div class="item active">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                    <a href="javascript:;">贵阳市</a>
                                                    <a class="active" href="javascript:;">[ 更多 ]</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-box">
                        <ul>
                            <li class="active"><a href="index.html">首页</a></li>
                            <li><a href="afflatus.html">装修灵感</a></li>
                            <!--<li><a href="stylist.html">在线服务</a></li>-->
                            <li><a href="originality.html">创意工坊</a></li>
                            <li><a href="design.html">3D设计</a></li>
                        </ul>
                        <div class="login-register"><a href="login.html">登录</a>／<a href="register.html">入驻</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cont-box">
        <div class="container">
            <div class="row">
                <div class="page-area">
                    <label>
                        <a href="index.html">十九区</a>\
                        <span>商品详情</span>
                    </label>
                </div>
                <div class="ins-information clearfix">
                    <div class="col-xs-8">
                        <div class="ins-banner shop-details">
                            <label><img src="img/shop-details-img.jpg"></label>
                        </div>
                    </div>
                    <div class="ins-introduce">
                        <div class="height-overflow">
                            <div class="width">
                                <div class="shop-info">
                                    <label class="name">IKEA环保书桌</label>
                                    <label class="price"><em><i>￥</i>200</em> 元／米起</label>
                                    <label class="normal"><span>商品品牌／系列：</span>IKEA</label>
                                    <label class="normal"><span>商品型号：</span>HBSD-10098</label>
                                    <label class="normal"><span>商品尺寸（毫米）：</span>1200 x 470 x 1000</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fb-module">
                    <div class="module-title">
                        <span class="has-icon"><i></i>商家信息</span>
                    </div>
                    <div class="module-cont">
                        <div class="shop-merchant">
                            <div class="item">
                                <h2>重庆宜家家居卖场汽博中心店</h2>
                                <span class="price">¥200元／件</span>
                                <span class="tm-ellipsis has-icon" title="023-5645654"><i
                                        class="fb-sprite icon-store-phone"></i>023-5645654</span>
                                <span class="tm-ellipsis has-icon" title="重庆市渝北区汽博中心宜家家居卖场"><i
                                        class="fb-sprite icon-store-area"></i>重庆市渝北区汽博中心宜家家居卖场</span>
                                <a class="has-icon" href="#"><i class="fb-sprite icon-store-nav gray"></i>导航</a>
                            </div>
                            <div class="item">
                                <h2>重庆宜家家居卖场汽博中心店</h2>
                                <span class="price">¥200元／件</span>
                                <span class="tm-ellipsis has-icon" title="023-5645654"><i
                                        class="fb-sprite icon-store-phone"></i>023-5645654</span>
                                <span class="tm-ellipsis has-icon" title="重庆市渝北区汽博中心宜家家居卖场"><i
                                        class="fb-sprite icon-store-area"></i>重庆市渝北区汽博中心宜家家居卖场</span>
                                <a class="has-icon" href="#"><i class="fb-sprite icon-store-nav gray"></i>导航</a>
                            </div>
                            <div class="item">
                                <h2>重庆宜家家居卖场汽博中心店</h2>
                                <span class="price">¥200元／件</span>
                                <span class="tm-ellipsis has-icon" title="023-5645654"><i
                                        class="fb-sprite icon-store-phone"></i>023-5645654</span>
                                <span class="tm-ellipsis has-icon" title="重庆市渝北区汽博中心宜家家居卖场"><i
                                        class="fb-sprite icon-store-area"></i>重庆市渝北区汽博中心宜家家居卖场</span>
                                <a class="has-icon" href="#"><i class="fb-sprite icon-store-nav gray"></i>导航</a>
                            </div>
                            <div class="item">
                                <h2>重庆宜家家居卖场汽博中心店</h2>
                                <span class="price">¥200元／件</span>
                                <span class="tm-ellipsis has-icon" title="023-5645654"><i
                                        class="fb-sprite icon-store-phone"></i>023-5645654</span>
                                <span class="tm-ellipsis has-icon" title="重庆市渝北区汽博中心宜家家居卖场"><i
                                        class="fb-sprite icon-store-area"></i>重庆市渝北区汽博中心宜家家居卖场</span>
                                <a class="has-icon" href="#"><i class="fb-sprite icon-store-nav gray"></i>导航</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fb-module">
                    <div class="module-title">
                        <span class="has-icon"><i></i>相关商品</span>
                        <a id="changeBtn" class="btn" href="javascript:;"><i class="fb-sprite icon-refresh"></i>换一批</a>
                    </div>
                    <div class="inspiration-list height" id="changeBox">
                        <div class="bg clearfix">
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop1.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop2.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop3.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop1.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop2.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop3.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop1.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop2.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="ins-cont">
                                    <div class="cont">
                                        <a class="image" href="shop-details.html">
                                            <img src="img/afflatus-shop3.png">
                                        </a>
                                        <div class="intro">
                                            <label class="tm-ellipsis name small">Deli休闲办公桌A</label>
                                            <span class="d-block tc-666 fs-14 pb-15">￥200起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-box">
        <div class="container">
            <div class="row">
                <div class="footer-cont">
                    <div class="menu">
                        <span><a href="#">商家入驻</a></span>
                        <span><a href="#">商家后台</a></span>
                        <span><a href="VR-custom.html">VR定制</a></span>
                        <span><a href="about-us.html?type=opinion">意见反馈</a></span>
                        <span><a href="about-us.html?type=agreement">用户协议</a></span>
                        <span><a href="about-us.html?type=about">关于我们</a></span>
                        <span><a href="about-us.html?type=job">工作机会</a></span>
                        <span><a href="about-us.html?type=contact">联系我们</a></span>
                        <span><a href="about-us.html?type=map" class="bd-no-right">网站地图</a></span>
                    </div>
                    <div class="intro clearfix">
                        <div class="fl">
                            <p><label><i class="fb-sprite icon-area"></i></label><span>重庆市渝北区嘉州协信中心A栋23层</span></p>
                            <p><label><i class="fb-sprite icon-email"></i></label><span>Sale@19area.cn</span></p>
                            <p><label><i class="fb-sprite icon-phone"></i></label><span>商务合作：<em
                                    class="fs-18">13452828599  /  13647631899</em></span>
                            </p>
                        </div>
                        <div class="fr">
                            <label>
                                <img src="img/ewm.jpg">
                                <span>移动版</span>
                            </label>
                            <label>
                                <img src="img/ewm.jpg">
                                <span>商务合作</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="copyright">Copyright© 2017 www.19area.cn 重庆十九地带科技有限公司 版权所有　渝ICP备14009506号</span>
    </div>
</div>
<div class="go-top-box">
    <a href="javascript:;" id="goTop"><i class="fb-sprite icon-top"></i></a>
</div>


<script type="text/template" id="consultBox">
    <div class="pop-consult">
        <div class="consult-stylist">
            <label class="head"><img src="img/stylist-head1.png"></label>
            <label class="name">
                <span>聂涛</span>
                <span class="mt-10"><em class="tc-blue">天古装饰</em><em class="tc-999">首席设计师</em></span>
            </label>
        </div>
        <div class="consult-intro">
            <label class="form-input text border gray">
                <textarea cols="" rows="" placeholder="请输入您要向设计师咨询的问题……" id="consultText"></textarea>
            </label>
        </div>
    </div>
</script>

<!--<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>-->
<script type="text/javascript" src="js/jiaThis.js" charset="utf-8"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        //设置轮播图宽高一致
        FB.resizeFun(function () {
        });

        //在线咨询弹窗
        $("#chat").click(function () {
            $.jBox.btnAlert($("#consultBox").html(), {
                title: "在线咨询",
                close: true,
                btn: {
                    text: ["提交"],
                    jEnsure: function (opt) {
                        $.jBox.alert("咨询内容：" + opt.boxText.find("#consultText").val());
                    }
                },
                beforeClassFun: function (opt) {
                    opt.boxBtn.addClass("small");
                }
            });
        });

        //附近商家
        $(".list a.fb-btn").click(function () {
            $(this).toggleClass("active");
            var text = $(this).hasClass("active") ? "附近商家" : "收起";
            $(this).text(text);
            $(this).parents(".item").find(".merchant-box").slideToggle();
        });

        //换一换
        changeSlide("#changeBox .bg", ".col-xs-4", "#changeBtn", 3);
    })
</script>

</body>
</html>